﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>大公</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">

</head>
<body>

<div class="wrap">
    <div class="wid_1820">

        <div class="header">
            <p class="tmtext"><span>2017-12-08 &emsp;&emsp;<span>14:39</span></span></p>
            <p><span class="hefont" onclick="toindex()">信用风险定位系统(银行版)</span></p>
            <p><span>用户名<a>[退出]</a></span></p>
        </div>

        <h3 class="title ttbg">[[${companyName}]]</br><span th:text="纺织业"></span></h3>
        <div class="baner">
            <a class="jybt">经营动态</a>
            <a class="czbt">偿债能力平衡</a>
            <a class="kbbt">可变现资产结构</a>
            <a class="wbgl">外部关联</a>
        </div>
        <div class="content content1"><img class="guang" th:src="@{/img/title.png}"/>
            <p class="ctitle">偿债能力平衡</p>
            <div class="cznl">
                <div class="czl">
                    <div class="tb tb_pos">
                        <h3>偿债来源</h3>
                        <table class="table1">
                            <tr class="tb_title">
                                <td>类别</td>
                                <td>金额(亿元)</td>
                                <td>任务覆盖率</td>
                            </tr>
                            <tr>
                                <td>第一偿债来源</td>
                                <td>9.23<span class="sheng">↑</span></td>
                                <td>49.81%</td>
                            </tr>
                            <tr>
                                <td>第二偿债来源</td>
                                <td>5.46<span class="jiang">↓</span></td>
                                <td>29.47%</td>
                            </tr>
                            <tr>
                                <td>第三偿债来源</td>
                                <td>23.57</td>
                                <td>127.2%</td>
                            </tr>
                            <tr>
                                <td>第四偿债来源</td>
                                <td>10.45</td>
                                <td>56.4%</td>
                            </tr>
                            <tr>
                                <td>第五偿债来源</td>
                                <td>0</td>
                                <td>0%</td>
                            </tr>
                            <tr>
                                <td>可用偿债来源</td>
                                <td>48.71</td>
                                <td>262.87%</td>
                            </tr>
                        </table>
                    </div>
                    <div class="tb tb_pos tb_pos2">
                        <h3>负债</h3>
                        <table class="table1">
                            <tr class="tb_title">
                                <td>类别</td>
                                <td>金额(亿元)</td>
                            </tr>
                            <tr>
                                <td>偿付利息</td>
                                <td>0.95</td>
                            </tr>
                            <tr>
                                <td>偿付本金</td>
                                <td>17.58</td>
                            </tr>
                            <tr>
                                <td>代偿额度期望</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>其他或有负债</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>债务负担</td>
                                <td>18.53</td>
                            </tr>
                        </table>
                    </div>
                    <div class="fxzt">
                        <div>
                            <span>盈利对利息覆盖能力</span>
                            <ul class="fxztul">
                                <li class="litime"><span></span>时间<p>2017-12-08</p></li>
                                <li class="listate"><span></span>风险状态<p>安全</p></li>
                                <li class="linumber"><span></span>指数值<p>5.42</p></li>
                                <li>
                                    <div class="baojing"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="line1" class="div1 line1"></div>
                    <div style="clear: both;"></div>
                    <div class="fxzt">
                        <div>
                            <span>流动性还本付息能力</span>
                            <ul class="fxztul">
                                <li class="litime"><span></span>时间<p>2017-12-08</p></li>
                                <li class="listate"><span></span>风险状态<p>安全</p></li>
                                <li class="linumber"><span></span>指数值<p>5.43</p></li>
                                <li>
                                    <div class="baojing"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="line2" class="div1 line1"></div>
                    <div style="clear: both;"></div>
                    <div class="fxzt">
                        <div>
                            <span>清偿性还本付息能力</span>
                            <ul class="fxztul">
                                <li class="litime"><span></span>时间<p>2017-12-08</p></li>
                                <li class="listate"><span></span>风险状态<p style="color:yellow">一般</p></li>
                                <li class="linumber"><span></span>指数值<p>3.59</p></li>
                                <li>
                                    <div class="baojing1"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="line3" class="div1 line1"></div>
                </div>

                <div id="pie1" class="echart_div pie1"></div>
                <div id="pie2" class="echart_div pie2"></div>
                <div class="piebt piebt1">总资产(元)</div>
                <div class="piebt piebt2">可变现资产(元)</div>
                <div id="guanxi" class="echart_div guanxi"></div>

                <div class="gxlist tb"><h3>舆论监控</h3>
                    <div class="sanlianbt"><a th:href="@{/xiangqing.html}">三链详情</a></div>
                    <ul>
                        <li>中泰证券主承销齐悦科技公司债券成功发行<span class="zm">正面</span></li>
                        <li>关于核准山东齐悦科技有限公司向合格投资者公开发行公司债券的批复<span class="zm">正面</span></li>
                        <li>关于为山东齐悦科技有限公司2017年非公开发行公司债券(第一期)债券提供转让服务有关事项的通知<span class="zx">中性</span></li>
                        <!--<li>中泰证券主承销齐悦科技公司债券成功发行<span class="fm">负面</span></li>
                        <li>中泰证券主承销齐悦科技公司债券成功发行<span class="fm">负面</span></li>-->
                    </ul>
                </div>
                <div class="jydt">
                    <div id="lins1" class="lins1"></div>
                    <div class="lines1tb">
                        <div class="tb">
                            <h3>库存情况</h3>
                            <table class="table1">
                                <tr style="height:30px;" class="tb_title">
                                    <td></td>
                                    <td></td>
                                    <td>2017/11/1</td>
                                    <td>2017/11/8</td>
                                    <td>2017/11/15</td>
                                    <td>操作</td>
                                </tr>
                                <tr>
                                    <td rowspan="5">原材料</td>
                                </tr>
                                <tr th:each="MGood:${MGood}">
                                    <td th:text="${MGood.goodName}">棉纱</td>
                                    <td th:text="${MGood.day1}">61,139,633</td>
                                    <td th:text="${MGood.day8}">70,880,196</td>
                                    <td th:text="${MGood.day15}">67,959,026</td>
                                    <td>
                                        <a th:href="'/web/goodListEdit/'+${MGood.goodName}">编辑</a>
                                        <a th:href="'/web/goodListDelete/'+${MGood.goodName}+'&'+${MGood.companyName}">删除</a>
                                        <a th:href="'/web/Add'">添加</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="5">制成品</td>
                                </tr>
                                <tr th:each="Good:${Good}">
                                    <td th:text="${Good.goodName}">棉纱</td>
                                    <td th:text="${Good.day1}">61,139,633</td>
                                    <td th:text="${Good.day8}">70,880,196</td>
                                    <td th:text="${Good.day15}">67,959,026</td>
                                    <td>
                                        <a th:href="'/web/goodListEdit/'+${Good.goodName}">编辑</a>
                                        <a th:href="'/web/goodListDelete/'+${Good.goodName}+'&'+${Good.companyName}">删除</a>
                                        <a th:href="'/web/Add'">添加</a>
                                    </td>
                                </tr>

                            </table>
                        </div>
                    </div>
                    <div class="lins2"><span class="lins_t">产品或服务产能指数</span>
                        <div class="linsdiv" id="lins2"></div>
                    </div>
                    <div class="lins3"><span class="lins_t">产品或服务消费指数</span>
                        <div class="linsdiv" id="lins3"></div>
                    </div>
                    <div class="lins4"><span class="lins_t">盈利能力指数</span>
                        <div class="linsdiv" id="lins4"></div>
                    </div>
                    <div class="lines4tb">
                        <div class="tb">
                            <h3>指数</h3>
                            <table class="table1">
                                <tr style="height:30px;" class="tb_title">
                                    <td></td>
                                    <td></td>
                                    <td>2017/11/1</td>
                                    <td>2017/11/8</td>
                                    <td>2017/11/15</td>
                                    <td>2017/11/22</td>
                                    <td>2017/11/29</td>
                                </tr>
                                <tr>
                                    <td colspan="2">产品或服务产能指数</td>
                                    <td>5.18</td>
                                    <td>5.26</td>
                                    <td>5.05</td>
                                    <td>5.14</td>
                                    <td>5.27</td>
                                </tr>
                                <tr>
                                    <td colspan="2">产品或服务销售指数</td>
                                    <td>5.13</td>
                                    <td>5.02</td>
                                    <td>5.17</td>
                                    <td>5.07</td>
                                    <td>4.96</td>
                                </tr>
                                <tr>
                                    <td colspan="2">盈利能力指数</td>
                                    <td>5.18</td>
                                    <td>5.26</td>
                                    <td>4.92</td>
                                    <td>5.28</td>
                                    <td>5.22</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>
<script th:src="@{/libs/jquery-1.12.4.min.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/libs/echarts.min.js}" type="text/javascript" charset="utf-8"></script>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script th:src="@{/js/index.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/sanlian.js}"></script>
<script>
    $(function () {
        var titme1 = "";

        $(".baner a").click(function () {

            //$(".baner a").css("background-color","rgba(255,255,255,0)");
            $(".baner a").removeClass("ahover");
            $(".cznl>div").css("display", "none");
            $(".cznl").css("display", "block");
            var chartid = $(this).attr("class");
            if (chartid === "jybt") {
                $(".jydt").css("display", "block");
                var lins1 = echarts.init(document.getElementById('lins1'));
                var lins2 = echarts.init(document.getElementById('lins2'));
                var lins3 = echarts.init(document.getElementById('lins3'));
                var lins4 = echarts.init(document.getElementById('lins4'));
                //库存情况
                $.ajax({
                    type: "post",
                    async: true,
                    url: "/web/sanlian/{Object}",
                    dataType: "json",        //返回数据形式为json
                    success: function (data) {

                        option1 = {
                            color: colors,

                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'cross'
                                }
                            },
                            grid: {
                                right: '20%'
                            },
                            /*    toolbox: {
                                    feature: {
                                        dataView: {show: true, readOnly: false},
                                        restore: {show: true},
                                        saveAsImage: {show: true}
                                    }
                                },*/
                            legend: {
                                data: data.goodNameList,
                                textStyle: {
                                    color: "#fff"
                                },
                                /* icon: 'roundRect',*/
                                orient: 'left',
                                x: 'right',
                                textStyle: {
                                    fontSize: '14',
                                    color: '#fff'
                                },
                            },
                            xAxis: [
                                {
                                    type: 'category',
                                    axisTick: {
                                        alignWithLabel: true
                                    },
                                    data: ['2017/11/1', '2017/11/8', '2017/11/15'],
                                    axisLabel: {
                                        formatter: '{value}',
                                        color: "#fff"
                                    }
                                }
                            ],
                            yAxis: [
                                {
                                    type: 'value',
                                    name: '金额(元)',
                                    min: 0,
                                    max: 110000000,
                                    position: 'left',
                                    axisLine: {
                                        lineStyle: {
                                            color: colors[0]
                                        }
                                    },
                                    axisLabel: {
                                        formatter: '{value}',
                                        color: "#fff"
                                    },
                                    splitLine: {
                                        show: true,
                                        lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
                                            color: 'rgba(255, 255, 255, 0)',
                                        }
                                    },
                                },
                                {
                                    type: 'value',
                                    name: '降水量',
                                    show: false
                                    /*           min: 0,
                                               max: 250,
                                               position: 'right',
                                               offset: 80,
                                               axisLine: {
                                                   lineStyle: {
                                                       color: colors[1]
                                                   }
                                               },
                                               axisLabel: {
                                                   formatter: '{value} ml',
                                                   color:"#fff"
                                               },*/

                                },
                                {
                                    type: 'value',
                                    name: '温度',
                                    show: false
                                    /*            min: 0,
                                                max: 25,
                                                position: 'left',
                                                axisLine: {
                                                    lineStyle: {
                                                        color: colors[2]
                                                    }
                                                },
                                                axisLabel: {
                                                    formatter: '{value} °C',
                                                    color:"#fff"
                                                }*/
                                }
                            ],
                            series: data.goodList
                        };
                        lins1.setOption(option1);
                    },
                    error: function (errorMsg) {

                    }
                });
                optionl2.series[0].data = [5.18, 5.26, 5.05, 5.14, 5.27];
                lins2.setOption(optionl2);
                optionl2.series[0].data = [5.13, 5.02, 5.17, 5.07, 4.96];
                lins3.setOption(optionl2);
                optionl2.series[0].data = [5.18, 5.26, 4.92, 5.28, 5.22];
                lins4.setOption(optionl2);
                $(".ctitle").html("经营动态");
            } else if (chartid === "czbt") {
                $(".czl").css("display", "block");
                $(".ctitle").html("偿债能力平衡");
                var myChart = echarts.init(document.getElementById('line1'));
                var myChart01 = echarts.init(document.getElementById('line2'));
                var myChart02 = echarts.init(document.getElementById('line3'));
                window.clearInterval(titme1);
                option.series[0].data = [5.53];
                $.ajax({
                    type: "post",
                    async: true,
                    url: "web/sanlian/{Object}",
                    dataType: "json",        //返回数据形式为json
                    success: function (data) {

                        myChart.hideLoading();    //隐藏加载动画
                        option = {
                            color: colors,

                            tooltip: {
                                trigger: 'item',
                                axisPointer: {
                                    type: 'cross'
                                }
                            },
                            legend: {
                                data: ['实际值', '预测上限', '预测下限'],
                                icon: 'roundRect',
                                textStyle: {
                                    color: '#fff'
                                }
                            },
                            grid: {
                                top: 30,
                                bottom: 60
                            },
                            xAxis: [
                                {
                                    type: 'category',
                                    axisTick: {
                                        alignWithLabel: true
                                    },
                                    axisLabel: {
                                        color: '#fff',
                                        interval: 0,
                                        fontSize: 12,
                                        rotate: 45,
                                    },
                                    axisLine: {
                                        onZero: false,
                                        lineStyle: {
                                            color: colors[1]
                                        }
                                    },
                                    axisPointer: {
                                        label: {
                                            show: false,
                                            formatter: function (params) {
                                                return params.value
                                                    + (params.seriesData.length ? '：' + params.seriesData[0].data : '');
                                            }
                                        }
                                    },
                                    data: ["2017.11.15", "2017.11.16", "2017.11.17"]
                                }
                            ],
                            yAxis: [
                                {
                                    type: 'value',
                                    max: 7,
                                    axisLabel: {
                                        color: '#fff',
                                        interval: 0,
                                        fontSize: 12,
                                        formatter: '{value}'
                                    },
                                    min: 1,
                                    splitLine: {
                                        show: false
                                    },
                                    data: [1, 2, 3, 4, 5, 6, 7, 8]
                                }
                            ],
                            series: [

                                {
                                    name: '实际值',
                                    type: 'line',
                                    smooth: true,
                                    markArea: {
                                        silent: true,
                                        label: {
                                            normal: {
                                                position: ['10%', '50%']
                                            }
                                        },
                                        data: [
                                            [{
                                                yAxis: 1,
                                                itemStyle: {
                                                    normal: {
                                                        color: 'rgba(68,2,30,0.2)'
                                                    }
                                                },
                                            }, {
                                                yAxis: 3
                                            }],
                                            [{
                                                yAxis: 3,
                                                itemStyle: {
                                                    normal: {
                                                        color: 'rgba(87,81,29,0.2)'
                                                    }
                                                },
                                            }, {
                                                yAxis: 5
                                            }],
                                            [{

                                                yAxis: 5,
                                                itemStyle: {
                                                    normal: {
                                                        color: 'rgba(2,78,40,0.2)'
                                                    }
                                                }
                                            }, {
                                                yAxis: 7,
                                            }]
                                        ]
                                    },
                                    data: [5.53]
                                }, {
                                    type: 'line',
                                    name: '预测上限',
                                    symbol: 'circle',
                                    symbolSize: 10,
                                    smooth: true,
                                    itemStyle: {
                                        normal: {
                                            show: false,
                                            color: '#00eef8',
                                            opacity: 0
                                        },
                                        emphasis: {
                                            color: '#00eef8',
                                        }
                                    },
                                    lineStyle: {
                                        normal: {
                                            color: '#00eef8',
                                        }
                                    },
                                    data: [5.57, 5.73, 5.61],
                                },
                                {
                                    type: 'line',
                                    name: '预测下限',
                                    symbol: 'circle',
                                    symbolSize: 10,
                                    smooth: true,
                                    itemStyle: {
                                        normal: {
                                            color: '#ffbe0d',
                                            opacity: 0
                                        },
                                        emphasis: {
                                            color: '#ffbe0d',
                                        }
                                    },
                                    lineStyle: {
                                        normal: {
                                            color: '#ffbe0d',
                                        }
                                    },
                                    data: [5.24, 5.44, 5.25],
                                }
                            ]
                        }
                        myChart.setOption(option);
                    },
                    error: function (errorMsg) {

                    }
                });//偿债能力平衡
                myChart01.setOption(optioncenter);
                myChart02.setOption(optionbtm);
                var timei = 0;
                var linedata = [5.54, 5.48, 5.33, 5.55, 5.63, 5.71, 5.45, 5.55, 5.47, 5.58, 5.67];
                var linedatacenter = [5.62, 5.58, 5.35, 5.43, 5.33, 5.51, 5.56, 5.53, 5.44, 5.45];
                var linedatabtm = [3.79, 3.61, 3.6, 3.51, 3.85, 3.73, 3.53, 3.65, 3.57, 3.79];
                //折线图动态

                titme1 = setInterval(function () {

                    /* 	if(option.series[0].data.length > 11){
                             option.series[0].data = []
                         }
                         */
                    /*		        	if(linedata[timei] > 18){
                                            $(".fxztul li>div").attr("class","baojing2");
                                        }
                                        else if(linedata[timei]>10){
                                            $(".fxztul li>div").attr("class","baojing1");
                                        }
                                        else{
                                            $(".fxztul li>div").attr("class","baojing");
                                        }*/
                    if (linedata.length > timei) {
                        option.series[0].data.push(linedata[timei]);
                        optionbtm.series[0].data.push(linedatabtm[timei]);
                        optioncenter.series[0].data.push(linedatacenter[timei]);
                        timei++;
                    } else {
                        timei = 0;
                        option.series[0].data = [5.53];
                        optionbtm.series[0].data = [3.78];
                        optioncenter.series[0].data = [5.69];
                    }


                    console.log(option);
                    myChart.setOption(option);
                    myChart01.setOption(optioncenter);
                    myChart02.setOption(optionbtm);


                }, 1000)
            } else if (chartid === "kbbt") {
                $(".ctitle").html("可变现资产结构");
                $("#pie1,.piebt").css("display", "block");
                $("#pie2,.piebt").css("display", "block");
                var myChart2 = echarts.init(document.getElementById('pie1'));
                var myChart3 = echarts.init(document.getElementById('pie2'));
                myChart2.setOption(option2);
                myChart3.setOption(option22);
            } else if (chartid === "wbgl") {
                $(".ctitle").html("三链图");
                /*var guanxi = echarts.init(document.getElementById('guanxi'));
                guanxi.setOption(option3); */
                $("#guanxi,.gxlist").css("display", "block");
            }
            $(this).addClass("ahover");


        })
        var address = window.location.href;
        if (address.split("?")[1] == "1") {
            $(".wbgl").click();
            //window.location.href = "index.html";
            var url = window.location.href;
            url = url.split('?')[0];
            window.history.pushState({}, 0, url);
        } else {
            $(".baner .jybt").click();
        }

    })
</script>